<!DOCTYPE html>
<html lang="en">

<head>
    {include file="common/meta" /}
<style>
html,body{background: #f4f6f8;overflow-x: inherit;}
</style>
</head>

<body>
    <div id="mydiv">
        <div class="login-main">
            <div class="layui-elip">会员注册</div>
            <form class="layui-form" action="{:url('register')}">
                <!--@MemberRegisterFormBegin-->
                <input type="hidden" name="forward" value="{$forward}" />
                {:token_field()}
                {:hook('register_input')}
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-cellphone"></label>
                        </div>
                        <input type="text" name="mobile" lay-verify="phone|required" autocomplete="off" placeholder="手机号" class="layui-input">
                    </div>
                </div>
                {if config('yzn.user_mobile_verify')}
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs7">
                            <div class="layui-input-wrap">
                                <div class="layui-input-prefix">
                                    <label class="layui-icon layui-icon-vercode"></label>
                                </div>
                                <input type="text" name="captcha_mobile" required="" lay-verify="required" autocomplete="off" value="" class="layui-input" placeholder="手机验证码">
                            </div>
                        </div>
                        <div class="layui-col-xs5">
                            <div style="margin-left: 11px;">
                                <button class="layui-btn btn-captcha layui-btn-primary layui-border-green" type="button" data-event="register" data-type="mobile" data-url="{:url('api/sms/send')}">获取验证码</button>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-username"></label>
                        </div>
                        <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="账号" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-email"></label>
                        </div>
                        <input type="text" name="email" lay-verify="email|required" autocomplete="off" placeholder="邮箱" class="layui-input">
                    </div>
                </div>
                {if config('yzn.user_email_verify')}
                <div class="layui-form-item">
                    <div class="layui-row">
                        <div class="layui-col-xs7">
                            <div class="layui-input-wrap">
                                <div class="layui-input-prefix">
                                    <label class="layui-icon layui-icon-vercode"></label>
                                </div>
                                <input type="text" name="captcha_email" required="" lay-verify="required" autocomplete="off" value="" class="layui-input" placeholder="邮箱验证码">
                            </div>
                        </div>
                        <div class="layui-col-xs5">
                            <div style="margin-left: 11px;">
                                <button class="layui-btn btn-captcha layui-btn-primary layui-border-green" type="button" data-event="register" data-type="email" data-url="{:url('api/ems/send')}">获取验证码</button>
                            </div>
                        </div>
                    </div>
                </div>
                {/if}
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-password"></label>
                        </div>
                        <input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="密码" class="layui-input" lay-affix="eye">
                    </div>
                </div>
                {if config('yzn.user_password_confirm')}
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-password"></label>
                        </div>
                        <input type="password" name="password_confirm" lay-verify="required" autocomplete="off" placeholder="密码确认" class="layui-input" lay-affix="eye">
                    </div>
                </div>
                {/if}
                {if !config('yzn.user_remove_nickname')}
                <div class="layui-form-item">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-username"></label>
                        </div>
                        <input type="text" name="nickname" lay-verify="required" autocomplete="off" placeholder="昵称" class="layui-input">
                    </div>
                </div>
                {/if}
                <!--@CaptchaBegin-->
                <div class="layui-form-item">
                    <div class="layui-input-wrap verify-box">
                        <div class="layui-input-prefix">
                            <label class="layui-icon layui-icon-vercode"></label>
                        </div>
                        <input type="text" name="verify" lay-verify="required" placeholder="验证码" autocomplete="off" class="layui-input">
                        <img id="verify" src="{:url('index/user/captcha')}" alt="验证码" class="captcha">
                    </div>
                </div>
                <!--@CaptchaEnd-->
                <div class="layui-form-item">
                    <div class="layui-input-inline login-btn">
                        <button class="layui-btn" lay-submit>注册</button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-trans layui-form-item layadmin-user-login-other">
                        <a href="{:url('login')}" class="lay-link">用已有帐号登入</a>
                    </div>
                </div>
                <!--@MemberRegisterFormEnd-->
            </form>
        </div>
    </div>
    {include file="common/script" /}
</body>

</html>